import React from 'react';
import { Button } from '@teamix/ui';
import ListEmpty from 'atComponents/ListEmpty';
import docs from 'utils/docs';
import intl from '../../../../../../../locale';

export default class Waiting extends React.PureComponent {
  render() {
    return (
      <ListEmpty
        type="project"
        imgType={'none'}
        content={
          <div className="project-insight-entry">
            {intl.get({
              id: 'code-assets.projectInsight.containers.waiting.DataStatisticsInProgress',
              defaultMessage: '数据统计中',
            })}
          </div>
        }
        description={intl.get({
          id: 'code-assets.projectInsight.containers.waiting.TheReportWillBeUpdated',
          defaultMessage: '报表次日更新，请耐心等待，明日为你呈现 📊',
        })}
        btns={[
          <Button type="primary" component="a" href={docs('insight-delay')} target="_blank" text>
            {intl.get({
              id: 'code-assets.projectInsight.containers.waiting.WhyWait',
              defaultMessage: '为什么需要等待？',
            })}
          </Button>,
        ]}
      />
    );
  }
}
